<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lof SliderNews 1.0 - Mootool 1.1</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script language="javascript" type="text/javascript" src="js/mootools.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>

</head>

<body>
	<div id="container">

    		<h1><strong>Lof Cordion 1.0</strong> -  Mootool 1.1</h1>
       
            <p>
                <strong> Direction</strong> 
             
            </p>       
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lof-cordion-1" class="lof-cordion">
	<div class="lof-cordion-wapper">
    	<ul>

        	<li>
            	<div class="lof-shadow"></div>
            	<img src="images/content_pic1.jpg" />
                 <div class="lof-description">
                	<h4>News Flash 1</h4>
                    <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
                </div>
           </li>

            <li>
            	<div class="lof-shadow"></div>
                <img src="images/content_pic2.jpg" />
                <div class="lof-description">
                	<h4>News Flash 2</h4>
                    <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
                </div>
      </li>

            <li>
            	<div class="lof-shadow"></div>
                <img src="images/content_pic3.jpg" />
                 <div class="lof-description">
                	<h4>News Flash 3</h4>
                    <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
                </div>
                </li>

            <li><div class="lof-shadow"></div><img src="images/content_pic4.jpg" />
             	<div class="lof-description">
                	<h4>News Flash 4</h4>
                    <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,</p>
                </div>
            </li>
        </ul>
	</div>

    <div class="lof-bottom"></div>
 </div>   

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
<script type="text/javascript">
	new LofmCordion( {wapperSelector: $E('#lof-cordion-1 .lof-cordion-wapper') } );
</script>
<div id="footer">
 <a href="http://landofcoder.com">LandOfCoder.Com</a>
 <br />
More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a></div>
    </div>
</body>
</html>
